<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  
</body>
<script>
  let t;

  const url = "http://10.11.55.249:3000/login?username=admin&password=123456";

  const xhr = new XMLHttpRequest;
  xhr.open("get", url, true);

  // // 设置超时时间
  // xhr.timeout = 20;

  xhr.send();

  // 如果本次请求超出指定时间，触发超时事件
  // xhr.ontimeout = function(){
  //   console.log("本次请求超时，请重试");
  // }

  xhr.onload = function(){
    if(xhr.status === 200){
      console.log(xhr.responseText);
      clearTimeout("t");
    }
  }
  // 如果强行中断xhr请求，触发中断事件
  xhr.onabort = function(){
    console.log("因为超时，被强制中断请求")
  }

  t = setTimeout(function(){
    // 强制中断xhr请求
    xhr.abort();
  }, 20);
  
</script>
</html>